<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!doctype html>
<html lang="en">
  <head>
    <title>爱学习官网</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500" rel="stylesheet">

    <link rel="stylesheet" href="${pageContext.request.contextPath}/front/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/front/css/animate.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/front/css/owl.carousel.min.css">

    <link rel="stylesheet" href="${pageContext.request.contextPath}/front/fonts/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/front/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/front/fonts/flaticon/font/flaticon.css">

    <!-- Theme Style -->
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    
    <header role="banner" style="position: fixed;">
     
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container">
          <img src="images/logo.jpg" width="109px" height="78px">
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>

          <div class="collapse navbar-collapse navbar-light" id="navbarsExample05">
            <ul class="navbar-nav mx-auto">
              <li class="nav-item">
                <a class="nav-link active" href="index2.jsp">首页</a>
              </li>
              

             
              <li class="nav-item">
                <a class="nav-link" href="about.jsp">关于我们</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="contact.jsp">联系</a>
              </li>
            </ul>
             <ul class="navbar-nav absolute-right" id="status1">
							<img class="rounded-circle mt-3" src="images/2.png" width="50" height="50" id="image" />
							<li class="dropdown">
								<a class="nav-link dropdown-toggle">${sessionScope.name}</a>
								<div class="dropdown-menu" aria-labelledby="dropdown05">
									<a href="PersonalCenter.jsp" class="dropdown-item">个人中心</a>
									<a href="${pageContext.request.contextPath}/AccountLoginAndLogout?op=exit" class="dropdown-item" href="#">退出登录</a>
								</div>
							</li>
						</ul>
						<ul class="navbar-nav absolute-right" id="status2">
							<li>
								<a href="login.jsp">登录</a> /
								<a href="register.jsp">注册</a>
							</li>

						</ul>
             
            </ul>
            
          </div>
        </div>
      </nav>
    </header>
    <!-- END header -->

    <section class="site-hero site-sm-hero overlay" data-stellar-background-ratio="0.5" style="background-image: url(images/big_image_2.jpg);">
      <div class="container">
        <div class="row align-items-center justify-content-center site-hero-sm-inner">
          <div class="col-md-7 text-center">
  
            <div class="mb-5 element-animate">
              <h1 class="mb-2">关于我们</h1>
              <p class="bcrumb"><a href="index2.jsp">首页</a> <span class="sep ion-android-arrow-dropright px-2"></span>  <span class="current">关于我们</span></p>
            </div>
            
          </div>
        </div>
      </div>
    </section>
    <!-- END section -->

    <section class="site-section element-animate">
      <div class="container">
        <div class="row">
          <div class="col-md-6 order-md-2">
            <div class="block-16">
              <figure>
                <img src="images/_20200615195215.png" alt="Image placeholder" class="img-fluid">
              </figure>
            </div>
          </div>
          <div class="col-md-6 order-md-1">

            <div class="block-15">
              <div class="heading">
                <h2>平台历史</h2>
              </div>
              <div class="text mb-5">
              <p>1999年，中小学在线教育蓬勃发展。爱学习应运而生，是以网络为介质的远程教育平台，不再受限于时间和空间，
              但是它只是单纯地将师资力量在互联网群体里进行了付费分享。此类在线教育最开始是主要依靠录播的形式开展的，由将课程的视频录下来，上传到网络上，学生上网进行学习活动。这个时期的在线教育品牌代表主要有新东方、沪江网校等在校授课模式的网校，
              这些网校作为新生事物，迅速获得了大家的关注，但是这类网校兴起的时候，所开发的课程种类有限，加上设备的限制，受众面相对较小。</p>
             
              
              </div>
              
            </div>

          </div>
          
        </div>

      </div>
    </section>

    <!-- END section -->

    <div class="container site-section element-animate">
      <div class="row justify-content-center mb-5 element-animate">
          <div class="col-md-7 text-center section-heading">
            <h2 class="text-primary heading">为什么选择我们</h2>
            <p>求知奋前，程就非凡</p>
          </div>
        </div>
      <div class="block-3 d-md-flex pt-5">
        <div class="image" style="background-image: url('images/img_1.jpg'); "></div>
        <div class="text">
          <h2 class="heading">专业的教师</h2>
          <p>为了确保学习效果，将会形成由院长、专业负责人、学业导师、英语导师、专业老师和辅导员组成的强大的管理支持团队，齐心协力解决学生在日常学习、留学规划、留学申请、出国学习、升学和校园文化等方面的问题，以及提供有效的辅导支持。 高端复合型人才培养特色：双学位班 高端复合型人才培养特色：双学位班</p>
        </div>
      </div>
      <div class="block-3 d-md-flex">
        <div class="image order-2" style="background-image: url('images/img_2.jpg'); "></div>
        <div class="text order-1">
          <h2 class="heading">优秀的设施</h2>
          <p>为了确保学习效果，将会形成由院长、专业负责人、学业导师、英语导师、专业老师和辅导员组成的强大的管理支持团队，齐心协力解决学生在日常学习、留学规划、留学申请、出国学习、升学和校园文化等方面的问题，以及提供有效的辅导支持。 高端复合型人才培养特色：双学位班 高端复合型人才培养特色：双学位班</p>
        </div>
      </div>
      <div class="block-3 d-md-flex">
        <div class="image" style="background-image: url('images/img_3.jpg'); "></div>
        <div class="text">
          <h2 class="heading">世界一流的教育</h2>
          <p>为了确保学习效果，将会形成由院长、专业负责人、学业导师、英语导师、专业老师和辅导员组成的强大的管理支持团队，齐心协力解决学生在日常学习、留学规划、留学申请、出国学习、升学和校园文化等方面的问题，以及提供有效的辅导支持。 高端复合型人才培养特色：双学位班 高端复合型人才培养特色：双学位班</p>
        </div>
      </div>
    </div>


    <div class="site-section element-animate">
      <div class="container">
        <div class="row justify-content-center mb-5">
            <div class="col-md-7 text-center section-heading">
              <h2 class="text-primary heading">常见问题</h2>
              <P>只要功夫深，小白也能变大神</P>
            </div>
          </div>
        <div class="row">
          <div class="col-md-12">
            <div class="accordion block-8" id="accordion">
              <div class="accordion-item">
                <h3 class="mb-0 heading">
                  <a class="btn-block" data-toggle="collapse" href="#collapseOne" role="button" aria-expanded="true" aria-controls="collapseOne">学历低能学会吗？<span class="icon"></span></a>
                </h3>
                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                  <div class="body-text">
                    <p>毫无疑问，学历高基础起步就高，但是通过后天的加倍努力，即使低学历，你也一样可以高薪。这就是我们一直在做的，并且做的很好</p>
                  </div>
                </div>
              </div> <!-- .accordion-item -->
              
              <div class="accordion-item">
                <h3 class="mb-0 heading">
                  <a class="btn-block" data-toggle="collapse" href="#collapseTwo" role="button" aria-expanded="false" aria-controls="collapseTwo">完全没有设计/计算机基础能学好么？<span class="icon"></span></a>
                </h3>
                <div id="collapseTwo" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                  <div class="body-text">
                    <p> UI设计课程非常系统、全面，从软件操作、理论知识、实战练习、就业指导等方面设置都很科学完善，只要跟着老师的节奏来，零基础学员也不会有任何影响</p>
                  </div>
                </div>
              </div> <!-- .accordion-item -->

              <div class="accordion-item">
                <h3 class="mb-0 heading">
                  <a class="btn-block" data-toggle="collapse" href="#collapseThree" role="button" aria-expanded="false" aria-controls="collapseThree">最适合哪些人学，有我么？ <span class="icon"></span></a>
                </h3>
                <div id="collapseThree" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                  <div class="body-text">
                    <p>无论你是刚毕业的大学生、基层的劳动力，还是寻求转型的门外汉、职场精英，都可以，课程设置层次清晰，技术更新迅速，总能帮你找到适合自己的定位。</p>
                  </div>
                </div>
              </div> <!-- .accordion-item -->

              <div class="accordion-item">
                <h3 class="mb-0 heading">
                  <a class="btn-block" data-toggle="collapse" href="#collapseFour" role="button" aria-expanded="false" aria-controls="collapseFour">学费多少，我能付得起么？<span class="icon"></span></a>
                </h3>
                <div id="collapseFour" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                  <div class="body-text">
                    <p>我们的付费模式灵活多选。如果暂时不能承担学习费用，可以选择先就业后付款模式，学员不花一分钱，就可以先学习就业课程，顺利就业一月后，再分期归还学费，为学员消除一切后顾之忧 </p>
                  </div>
                </div>
              </div> <!-- .accordion-item -->

            </div>
          </div>
        </div>
      </div>
    </div>
    <hr>
    
    
  
   
    <!-- END footer -->
    
    <!-- loader -->
    <div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#f4b214"/></svg></div>

    <script src="${pageContext.request.contextPath}/front/js/jquery-3.2.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/front/js/jquery-migrate-3.0.0.js"></script>
    <script src="${pageContext.request.contextPath}/front/js/popper.min.js"></script>
    <script src="${pageContext.request.contextPath}/front/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/front/js/owl.carousel.min.js"></script>
    <script src="${pageContext.request.contextPath}/front/js/jquery.waypoints.min.js"></script>
    <script src="${pageContext.request.contextPath}/front/js/jquery.stellar.min.js"></script>
    <script src="${pageContext.request.contextPath}/front/js/jquery.animateNumber.min.js"></script>

    <script src="${pageContext.request.contextPath}/front/js/main.js"></script>
      <script type="text/javascript">
     $(function(){
    	 
    	 if("${sessionScope.name}" != "" && "${sessionScope.accountPic}" != "") {
				$("#status1 img").attr('src', '${pageContext.request.contextPath}/FileDownLoadServlet?op=getAccountFace&faceName=${sessionScope.accountPic}');
				$("#status2").hide()
			}else if("${sessionScope.name}" != "" && "${sessionScope.accountPic}" == ""){
				$("#status2").hide()
			}else if("${sessionScope.name}" == ""){
				$("#status1").hide()
				$("#home").removeAttr('onclick')
			}
      });  
   
    </script>
    
  </body>
</html>